```html
<!-- 使用AntD布局容器 -->
<div style="display: flex; gap: 16px; padding: 24px" 
     data-antd-component="Row(gutter=16, justify=space-between)"
     class="ant-row ant-row-space-between">
  
  <!-- 侧边导航 -->
  <aside style="width: 200px; background: #f0f2f5" 
         data-antd-component="Menu Pro(Sider)"
         class="ant-menu ant-menu-inline">
    <nav style="font-size: 14px; color: #1890ff">
      <div style="margin-bottom: 8px">审批进程</div>
      <div style="display: flex; align-items: center">
        <span style="background-color: green; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px"></span>
        开始
      </div>
      <div style="display: flex; align-items: center">
        <img src="user-icon.png" alt="用户图标" style="width: 24px; height: 24px; margin-right: 8px">
        发起流程<br>
        谢沁沐/80231866<br>
        处理时间：2025-03-31 15:55:06<br>
        【已处理】处理结果：请审批
      </div>
      <div style="display: flex; align-items: center">
        <img src="user-icon.png" alt="用户图标" style="width: 24px; height: 24px; margin-right: 8px">
        室经理审批<br>
        谢沁沐/80231866<br>
        处理时间：2025-03-31 15:55:38<br>
        【同意】处理结果：同意
      </div>
      <div style="display: flex; align-items: center">
        <img src="user-icon.png" alt="用户图标" style="width: 24px; height: 24px; margin-right: 8px">
        开发团队主管与项目管理员审批<br>
        柏洋/80273863<br>
        处理时间：2025-03-31 15:56:23<br>
        【同意】处理结果：同意
      </div>
      <div style="display: flex; align-items: center">
        <span style="background-color: green; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px"></span>
        结束
      </div>
    </nav>
  </aside>

  <!-- 主内容区 -->
  <main style="flex: 1; min-width: 0" 
        data-antd-component="Col(span=18)"
        class="ant-col ant-col-18">
        
    <!-- 基本信息和审批意见 -->
    <div style="margin-bottom: 24px; background: #fff; padding: 16px; border-radius: 8px" 
         data-antd-component="Form(compact)"
         class="ant-form ant-form-horizontal">
      <div style="font-weight: bold; margin-bottom: 8px">基本信息</div>
      <div style="border: 1px solid #d9d9d9; padding: 8px; margin-bottom: 16px">
        项目编号: T25AC311
      </div>
      <div style="border: 1px solid #d9d9d9; padding: 8px; margin-bottom: 16px">
        变更分类: 技术原因
      </div>
      <div style="border: 1px solid #d9d9d9; padding: 8px; margin-bottom: 16px">
        取消原因说明: 12
      </div>
      <div style="font-weight: bold; margin-bottom: 8px">审批意见</div>
      <div style="border: 1px solid #d9d9d9; padding: 8px; margin-bottom: 16px">
        同意
      </div>
      <div style="display: flex; justify-content: space-between">
        <div style="width: 49%; border: 1px solid #d9d9d9; padding: 8px">
          项目名称: 一些特性B
        </div>
        <div style="width: 49%; border: 1px solid #d9d9d9; padding: 8px">
          变更原因: 变更分类及变更原因
        </div>
      </div>
      <div style="border: 1px solid #d9d9d9; padding: 8px">
        技术外联单位影响
      </div>
      <div style="margin-top: 16px">
        附件<br>
        暂无附件
      </div>
    </div>
  </main>
</div>
```